<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="description" content="">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

  <!-- Title -->
  <title>Camunbankia - The Business Account Company</title>

  <!-- Favicon -->
  <link rel="icon" href="img/core-img/favicon.ico">

  <!-- Stylesheet -->
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="../css/stuff/demo.css">
</head>

<body>
  <!-- Preloader -->
  <div class="preloader d-flex align-items-center justify-content-center">
    <div class="lds-ellipsis">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </div>

  <!-- ##### Header Area Start ##### -->
  <header class="header-area">
    <!-- Top Header Area -->
    <div class="top-header-area">
      <div class="container h-100">
        <div class="row h-100 align-items-center">
          <div class="col-12 d-flex justify-content-between">
            <!-- Logo Area -->
            <div class="logo">
              <a href="index.html" class="langlink"><img src="img/core-img/logo.png" alt=""></a>
            </div>

            <!-- Top Contact Info -->
            <div class="top-contact-info d-flex align-items-center">
                <a href="#" ><img src="img/core-img/placeholder.png" alt=""> <span data-i18n="topbar-address"></span></a>
                <a href="#" ><img src="img/core-img/message.png" alt="info@camunda.com"> <span data-i18n="topbar-contact"></span></a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Navbar Area -->
    <div class="credit-main-menu" id="sticker">
      <div class="classy-nav-container breakpoint-off">
        <div class="container">
          <!-- Menu -->
          <nav class="classy-navbar justify-content-between" id="creditNav">

            <!-- Navbar Toggler -->
            <div class="classy-navbar-toggler">
              <span class="navbarToggler"><span></span><span></span><span></span></span>
            </div>

            <!-- Menu -->
            <div class="classy-menu">

              <!-- Close Button -->
              <div class="classycloseIcon">
                <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
              </div>

              <!-- Nav Start -->
              <div class="classynav">
                <ul>
                  <li><a href="index.html" class="langlink">Home</a></li>
                  <li><a href="#" data-i18n="topbar-list"></a>
                    <ul class="dropdown">
                      <li><a data-i18n="topbar-about"></a></li>
                      <li><a href="services.html" data-i18n="topbar-account" class="langlink"></a></li>
                      <li><a href="documents.html" data-i18n="topbar-document" class="langlink"></a></li>
                      <li><a data-i18n="topbar-contact"></a></li>
                      <li><a data-i18n="topbar-more"></a></li>
                    </ul>
                  </li>
                </ul>
              </div>
              <!-- Nav End -->
            </div>

            <!-- Contact -->
            <div class="contact">
              <a href="#"><img src="img/core-img/call2.png" alt=""><span  data-i18n="topbar-phone"/></img></a>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </header>
  <!-- ##### Header Area End ##### -->

  <!-- ##### Breadcrumb Area Start ##### -->
  <section class="breadcrumb-area bg-img bg-overlay jarallax" style="background-image: url(img/bg-img/13.jpg);">
    <div class="container h-100">
      <div class="row h-100 align-items-center">
        <div class="col-12">
          <div class="breadcrumb-content">
            <h2 data-i18n="breadcrumb-documents"></h2>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page" data-i18n="breadcrumb-documents"></li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ##### Breadcrumb Area End ##### -->

  <!-- Main Content start-->
  <div class="content" style="margin-top:5em;margin-left:5em;">
    <div class="">
      <div class="row">

        <div>
          <div style="float:left;width:40%;">
            <!-- Single Service Area -->
            <div class="col-md-6" style="max-width:100%;">
              <div class="single-service-area d-flex mb-100">
                <div class="icon">
                  <i class="icon-money-1"></i>
                </div>
                <div class="text">
                  <h5 data-i18n="ad-one"></h5>
                  <p>Morbi ut dapibus dui. Sed ut iaculis elit, quis varius mauris. Integer ut ultricies orci, lobortis egestas sem.</p>
                </div>
              </div>
            </div>

            <!-- Single Service Area -->
            <div class="col-md-6" style="max-width:100%;">
              <div class="single-service-area d-flex mb-100">
                <div class="icon">
                  <i class="icon-smartphone-1"></i>
                </div>
                <div class="text">
                  <h5 data-i18n="ad-two"></h5>
                  <p>Morbi ut dapibus dui. Sed ut iaculis elit, quis varius mauris. Integer ut ultricies orci, lobortis egestas sem.</p>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-8" id="contact-form" style="max-width: 100%;padding-left:40em;">
            <form method="post" class="reply" id="contact">
              <div id="fieldsetForm" style="margin-left:5em;">
                <fieldset>
                  <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="margin-bottom:2em;">
                      <label style="margin-bottom:0.5em;" data-i18n="form-ref"></label>: <span>*</span>
                      <input class="form-control" id="referenceId" name="name" type="text" value="" required>
                                     </div>
                    </div>

                    <div class="row">
                      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        PDF <label style="margin-bottom:0.5em;" data-i18n="breadcrumb-documents"></label><span>: *</span>
                        <input style="margin-bottom:2em;" id="documentToUpload" name="Dokument hochladen" type="file" accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"/>
                                     </div>
                      </div>

                      <button id="triggerUploadDocuments" class="btn btn-normal btn-color submit  bottom-pad" type="button" data-i18n="form-send"></button>
                </fieldset>
              </div>
              <div id="documentsReceived" class="success alert-success alert ml-4" style="display:none" data-i18n="documents-received"></div>
              <div class="clearfix">
              </div>
            </form>
          </div>

        </div>
      </div>
      <div class="divider"></div>
    </div>
  </div>
  <!-- Main Content end-->

  <!-- ##### Newsletter Area Start ###### -->
  <section class="newsletter-area section-padding-100 bg-img jarallax" style="background-image: url(img/bg-img/6.jpg);">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-10 col-lg-8">
          <div class="nl-content text-center">
            <h2 data-i18n="newsletter-title"></h2>
            <form action="#" method="post">
              <input type="email" name="nl-email" id="nlemail" placeholder="Your e-mail">
              <button type="submit" data-i18n="newsletter-button"></button>
            </form>
            <p>Curabitur elit turpis, maximus quis ullamcorper sed, maximus eu neque. Cras ultrices erat nec auctor blandit.</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ##### Newsletter Area End ###### -->

  <!-- ##### Footer Area Start ##### -->
  <footer class="footer-area section-padding-100-0">
    <div class="container">
      <div class="row">

        <!-- Single Footer Widget -->
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="single-footer-widget mb-100">
            <h5 class="widget-title" data-i18n="footer-about"></h5>
            <!-- Nav -->
            <nav>
              <ul>
                <li><a href="#">Homepage</a></li>
                <li><a href="#" data-i18n="footer-about-about"></a></li>
                <li><a href="#" data-i18n="footer-about-service"></a></li>
                <li><a href="#" data-i18n="footer-about-portfolio"></a></li>
                <li><a href="#" data-i18n="footer-about-news"></a></li>
              </ul>
            </nav>
          </div>
        </div>

        <!-- Single Footer Widget -->
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="single-footer-widget mb-100">
            <h5 class="widget-title" data-i18n="footer-solutions"></h5>
            <!-- Nav -->
            <nav>
              <ul>
                <li><a href="#" data-i18n="footer-solutions-credit"></a></li>
                <li><a href="#" data-i18n="footer-solutions-trading"></a></li>
                <li><a href="#" data-i18n="footer-solutions-banking"></a></li>
                <li><a href="#" data-i18n="footer-solutions-industry"></a></li>
                <li><a href="#" data-i18n="footer-solutions-finance"></a></li>
              </ul>
            </nav>
          </div>
        </div>

        <!-- Single Footer Widget -->
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="single-footer-widget mb-100">
            <h5 class="widget-title" data-i18n="footer-solutions"></h5>
            <!-- Nav -->
            <nav>
              <ul>
                <li><a href="#" data-i18n="footer-solutions-credit"></a></li>
                <li><a href="#" data-i18n="footer-solutions-trading"></a></li>
                <li><a href="#" data-i18n="footer-solutions-banking"></a></li>
                <li><a href="#" data-i18n="footer-solutions-industry"></a></li>
                <li><a href="#" data-i18n="footer-solutions-finance"></a></li>
              </ul>
            </nav>
          </div>
        </div>

        <!-- Single Footer Widget -->
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="single-footer-widget mb-100">
            <h5 class="widget-title" data-i18n="footer-news"></h5>

            <!-- Single News Area -->
            <div class="single-latest-news-area d-flex align-items-center">
              <div class="news-thumbnail">
                <img src="img/bg-img/7.jpg" alt="">
                                        </div>
                <div class="news-content">
                  <a href="#" data-i18n="footer-news-credit"></a>
                  <div class="news-meta">
                    <a href="#" class="post-author"><img src="img/core-img/pencil.png" alt="" > Jane Smith</a>
                    <a href="#" class="post-date"><img src="img/core-img/calendar.png" alt="" > April 26</a>
                  </div>
                </div>
              </div>

              <!-- Single News Area -->
              <div class="single-latest-news-area d-flex align-items-center">
                <div class="news-thumbnail">
                  <img src="img/bg-img/8.jpg" alt="">
                                        </div>
                  <div class="news-content">
                    <a href="#" data-i18n="footer-news-new-credit"></a>
                    <div class="news-meta">
                      <a href="#" class="post-author"><img src="img/core-img/pencil.png" > Jane Smith</a>
                      <a href="#" class="post-date"><img src="img/core-img/calendar.png" > April 26</a>
                    </div>
                  </div>
                </div>

                <!-- Single News Area -->
                <div class="single-latest-news-area d-flex align-items-center">
                  <div class="news-thumbnail">
                    <img src="img/bg-img/9.jpg" alt="">
                                        </div>
                    <div class="news-content">
                      <a href="#" data-i18n="footer-news-realestate"></a>
                      <div class="news-meta">
                        <a href="#" class="post-author"><img src="img/core-img/pencil.png" alt=""> Jane Smith</a>
                        <a href="#" class="post-date"><img src="img/core-img/calendar.png" alt=""> April 26</a>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>

          <!-- Copywrite Area -->
          <div class="copywrite-area">
            <div class="container">
              <div class="row">
                <div class="col-12">
                  <div class="copywrite-content d-flex flex-wrap justify-content-between align-items-center">
                    <!-- Footer Logo -->
                    <a href="index.html" class="footer-logo"><img src="img/core-img/logo.png" alt=""></a>

                    <!-- Copywrite Text -->
                    <p class="copywrite-text"><a href="#"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
              Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
                      <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
  </footer>
  <!-- ##### Footer Area Start ##### -->

  <!-- ##### All Javascript Script ##### -->
  <!-- jQuery-2.2.4 js -->
  <script src="../js/jquery/jquery-2.2.4.min.js"></script>

  <!-- il18n -->
  <script src="../js/jquery/jquery.i18n.js"></script>
  <script src="../js/jquery/jquery.i18n.messagestore.js"></script>
  <script src="../js/jquery/jquery.i18n.fallbacks.js"></script>
  <script src="../js/jquery/jquery.i18n.parser.js"></script>
  <script src="../js/jquery/jquery.i18n.emitter.js"></script>
  <script src="../js/jquery/jquery.i18n.language.js"></script>
  <!-- Popper js -->
  <script src="../js/bootstrap/popper.min.js"></script>
  <!-- Bootstrap js -->
  <script src="../js/bootstrap/bootstrap.min.js"></script>
  <!-- All Plugins js -->
  <script src="../js/plugins/plugins.js"></script>
  <!-- Active js -->
  <script src="../js/active.js"></script>
  <script src="lang/de.js"></script>
  <script src="lang/en.js"></script>
  <script src="app.js"></script>
</body>

</html>
